Adding Font Awesome to an Angular CLI project using npm
1 min readOct 18, 2019
The Font Awesome upgrade guide can be view here; but the instructions below are a bit more clear to understand.
Installation:
Using NPM:
$ npm install @fortawesome/fontawesome-svg-core
$ npm install @fortawesome/free-solid-svg-icons
$ npm install @fortawesome/fontawesome-free-brands
$ npm install @fortawesome/angular-fontawesome@0.5.x
Get up and running using Font Awesome with Angular follow below steps:
Add FontAwesomeModule
to imports
in src/app/app.module.ts
:
Tie the icon to the property in your component src/app/app.component.ts
:
Use the icon in the template src/app/app.component.html
:
Done!